<template>
    <div class="empty-container">
        <Icon type="empty" />
        <br>
        {{ text }}
    </div>
</template>

<script>
import Icon from "@/components/Icon"
// @ 在 js 文件下代表 src 目录

export default {
    components: {
        Icon
    },
    props: {
        text: {
            type: String,
            default: "无数据"
        }
    }
}
</script>

<style lang="less">
@import "~@/styles/var.less";
// ~@ 在 css 文件下代表 src 目录
.empty-container {
    .self-center();
    font-size: 25px;
    text-align: center;
    .iconfont {
        font-size: 100px;
    }
}
</style>
